.global-pop {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-color: rgba(0, 0, 0, 0.4);
	z-index: 100;
}

/* https://blog.csdn.net/AK852369/article/details/103436117  全屏弹窗动画*/


/* 无动画遮罩层 */
.global-pop-container {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	background-color: rgba(0, 0, 0, 0.6);
	justify-content: center;
	z-index: 10;
}

/* 遮罩层 进入*/
.global-pop-container-fadein {
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	animation: fadein .2s;
}

/* 遮罩层 进入*/
.global-pop-container-fadein {
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	animation: fadein .2s;
}

@keyframes fadein {
	0% {
		transform: translate(100%, 0);
	}

	100% {
		transform: none;
	}
}

/* 遮罩层 进入*/
.popContainerClass-fadein {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	animation: fadein .2s;
}

/* 遮罩层 出去*/
.popContainerClass-fadeout {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	animation: popContainerClassFadeOut .2s;
}

@keyframes fadeout {
	100% {
		transform: translate(-100%, 0);
	}

	0% {
		transform: none;
	}
}


@keyframes popContainerClassFadeOut {
	0% {
		transform: none;
	}
	100% {
		transform: translate(100%,0);
	}
}
